.head {
    width: 375px;
    height: 189px;
    background-color: #ddf1ff;

    >div:nth-of-type(1) {
        height: 50px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 10px;

        a {
            display: flex;
            align-items: center;

            img {
                margin-left: 10px;
                width: 13px;
                height: 13px;
            }

            div {
                margin-left: 5px;
                font-size: 13px;
                color: #666666;
            }
        }
    }

    >div:nth-of-type(2) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        >div:nth-of-type(1) {
            font-size: 14px;
            color: #666666;
        }

        >div:nth-of-type(2) {
            margin-top: 5px;
            font-family: PingFangSC-Medium;
            font-size: 30px;
            color: #f1001e;
        }

        a {
            margin-top: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 71px;
            height: 26px;
            background-color: #59b9fc;
            border-radius: 13px;
            font-size: 13px;
            color: #ffffff;
        }
    }
}

.title {
    background: #fff;
    padding: 0 15px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;

    >div {
        font-size: 14px;
        color: #999999;
    }

    a {
        font-size: 14px;
        color: #59b9fc;
    }
}

.cont {
    background: #fff;

    .list {
        border-top: 1px solid #d8d8d8;
        padding: 15px;

        >div:nth-of-type(1) {
            padding: 12px 10px;
            display: flex;
            background-color: #f8f8f8;

            img {
                width: 56px;
                height: 56px;
            }

            div {
                padding-left: 10px;
                font-size: 14px;
                color: #666666;
            }
        }

        >div:nth-of-type(2) {
            margin-top: 10px;
            display: flex;
            align-items: center;

            >div:nth-of-type(1) {
                font-size: 14px;
                color: #666666;
            }

            >div:nth-of-type(2) {
                flex: 1;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #f1001e;
            }
        }

        >div:nth-of-type(3) {
            margin-top: 10px;
            display: flex;

            >div:nth-of-type(1) {
                font-size: 14px;
                color: #666666;
            }

            >div:nth-of-type(2) {
                flex: 1;
                font-size: 14px;
                color: #333333;
            }
        }

        >div:nth-of-type(4) {
            margin-top: 10px;
            display: flex;

            >div:nth-of-type(1) {
                font-size: 14px;
                color: #666666;
            }

            >div:nth-of-type(2) {
                flex: 1;
                font-size: 14px;
                color: #333333;
            }
        }
    }

    div:nth-of-type(1) {
        border-top: 0;
    }
}
